<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css"/>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<style type="text/css">
			h3~div{
				width: 100px;
				height: 100px;
				float: left;
				margin: 20px;
				background-color: #EEEEEE;
			}
			h2~div{
				width: 100px;
				height: 100px;
				float: left;
				background-color: orange;
				margin-right: 20px;
				margin-top: 20px;
				
			}
		</style>
	</head>
	<body>
		<div class="container">
			<h3>添加边框</h3>
			<div class="border border-success border-bottom-0">无下边框</div>
			<div class="border-top border-success">边框</div>
			<div class="border-right border-success">边框</div>
			<div class="border-bottom border-success">边框</div>
			<div class="border-left border-success">边框</div>
		</div>
		<div class="container clearfix">
			<h2>圆角边框</h2>
			<div  class="border border-primary rounded"></div>
			<div class="border border-primary rounded-right"></div>
			<div class="border border-primary rounded-left"></div>
			<div class="border border-primary rounded-top"></div>
			<div class="border border-primary rounded-bottom"></div>
			<div class="border border-primary rounded-circle"></div>
			<div class="border border-primary rounded-pill"></div>
			<div class="border border-primary">456</div>
		</div>
		<div class="container">
			<h2>清理浮动</h2>
			<div class="border ">123</div>
		</div>
	</body>
</html>
